@import "./var.less";

// modal
.supgpt-ant-modal {
  .supgpt-ant-modal-content {
    background-color: @supgpt-contentbg-1;
    padding: 0;
    color: @supgpt-font-1;
  }

  .supgpt-ant-modal-header {
    background-color: @supgpt-contentbg-1;
    padding: 12px 16px;
    position: relative;
    margin-bottom: 0;

    &::after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background: linear-gradient(138deg, #2a3ee4 0%, #2dd2af 100%);
      position: absolute;
      left: 0;
      bottom: 0;
    }
  }

  .supgpt-ant-modal-title {
    color: @supgpt-font-1;
  }

  .supgpt-ant-modal-close {
    color: @supgpt-font-1;

    &:hover {
      color: @supgpt-font-1;
    }
  }

  .supgpt-ant-modal-body {}

  .supgpt-ant-modal-footer {
    padding: 0 16px 16px;
  }
}

.supgpt-ant-apimodal {
  .supgpt-ant-apimodal-content {
    background-color: @supgpt-contentbg-1;
    color: @supgpt-font-1;
  }

  .supgpt-ant-apimodal-confirm-title {
    color: @supgpt-font-1;
  }

  .supgpt-ant-apimodal-confirm-content {
    color: @supgpt-font-1;
  }

  .supgpt-ant-apimodal-close {
    color: @supgpt-font-1;

    &:hover {
      color: @supgpt-font-1;
    }
  }

  .supgpt-ant-apimodal-confirm-btns {
    .ant-btn:not(:disabled):focus-visible {
      outline: none;
    }

    .ant-btn-default {
      background-color: transparent;
      border: 1px solid @supgpt-brand-5;
      color: @supgpt-brand-7;

      &:not(:disabled):not(.ant-btn-disabled):hover {
        border-color: @supgpt-brand-5;
        color: @supgpt-brand-7;
        background-color: transparent;
      }
    }

    .ant-btn-primary {
      box-shadow: none;
      border: none;
      background: linear-gradient(138deg, #2a3ee4 0%, #2dd2af 100%);
    }
  }

}

.supgpt-ant-modal-confirm {
  .supgpt-ant-modal-confirm-body-wrapper {
    padding: 16px;
  }

  .supgpt-ant-modal-confirm-title {
    color: @supgpt-font-1;
  }

  .supgpt-ant-modal-confirm-content {
    color: @supgpt-font-1;
  }

  .supgpt-ant-modal-confirm-btns {
    .supgpt-ant-btn:not(:disabled):focus-visible {
      outline: none;
    }

    .supgpt-ant-btn-default {
      color: @supgpt-font-1;
      background-color: transparent;
    }

    .supgpt-ant-btn-primary {
      box-shadow: none;
      border: none;
      background: linear-gradient(138deg, #2a3ee4 0%, #2dd2af 100%);
    }
  }
}

// table
.supgpt-ant-table-wrapper {
  table {
    border-radius: 0;
  }

  .supgpt-ant-table {
    background: transparent;
    color: @supgpt-font-1;
  }

  .supgpt-ant-table-container {
    table>thead>tr:first-child>*:first-child {
      border-start-start-radius: 0;
    }

    table>thead>tr:first-child>*:last-child {
      border-start-end-radius: 0;
    }
  }

  .supgpt-ant-table-thead {

    &>tr>th,
    &>tr>td {
      background: @supgpt-scene-contentbg-10;
      color: @supgpt-font-1;
      border-bottom: 1px solid @supgpt-grey-5;

      &:not(:last-child):not(.supgpt-ant-table-selection-column):not(.supgpt-ant-table-row-expand-icon-cell):not([colspan])::before {
        background-color: @supgpt-grey-5;
      }
    }
  }

  .supgpt-ant-table-tbody {
    &>tr>td {
      border-bottom: 1px solid @supgpt-grey-5;
    }

    .supgpt-ant-table-row>.supgpt-ant-table-cell-row-hover {
      background: @supgpt-contentbg-2;
    }

    .supgpt-ant-table-row.supgpt-ant-table-row-selected>.supgpt-ant-table-cell {
      background: @supgpt-contentbg-2;
    }
  }

  .supgpt-ant-table-filter-trigger {
    color: @supgpt-font-1;
  }

  .supgpt-ant-table-tbody>tr.supgpt-ant-table-placeholder {
    background: transparent;

    &:hover {
      &>td {
        background: transparent;
      }
    }
  }

  .supgpt-ant-table-cell-scrollbar:not([rowspan]) {
    box-shadow: none;
  }
}

// checkbox
.supgpt-ant-checkbox-disabled {
  &+span {
    color: @supgpt-font-2;
  }

  .supgpt-ant-checkbox-inner:after {
    border-color: @supgpt-font-2;
  }
}

.supgpt-ant-checkbox-wrapper {
  &:not(.supgpt-ant-checkbox-wrapper-disabled):hover {
    .supgpt-ant-checkbox-inner {
      border-color: @supgpt-brand-7;
    }

    .supgpt-ant-checkbox-checked:not(.supgpt-ant-checkbox-disabled) .supgpt-ant-checkbox-inner {
      background-color: @supgpt-brand-7;
    }
  }

  .supgpt-ant-checkbox-inner {
    border-radius: 2px;
    border: 1px solid @supgpt-grey-7;
    background-color: @supgpt-scene-background-1;
  }

  .supgpt-ant-checkbox-checked .supgpt-ant-checkbox-inner {
    background-color: @supgpt-brand-7;
    border-color: @supgpt-brand-7;
  }
}

.supgpt-ant-checkbox {
  .supgpt-ant-checkbox-inner:after {
    border-color: @supgpt-scene-contentbg-1;
  }
}

// 输入框

.supgpt-ant-input-number {
  background-color: transparent;
  border: 1px solid @supgpt-grey-5;

  .supgpt-ant-input-number-handler-wrap {
    opacity: 1;
    background-color: transparent;
  }

  .supgpt-ant-input-number-handler {
    border-inline: 1px solid @supgpt-grey-5;
  }

  .supgpt-ant-input-number-handler-up-inner,
  .supgpt-ant-input-number-handler-down-inner {
    color: #898ab2;
  }

  .supgpt-ant-input-number-handler-down {
    border-block-start: 1px solid @supgpt-grey-5;
  }

  .supgpt-ant-input-number-input {
    border-radius: 4px;
    color: @supgpt-font-2;

    &::placeholder {
      color: @supgpt-font-2;
    }
  }
}

.supgpt-ant-input-number-outlined {
  .supgpt-ant-input-number-handler-wrap {
    .supgpt-ant-input-number-handler-down {
      border-block-start: 1px solid @supgpt-grey-5;
    }
  }
}

.supgpt-ant-input-number-outlined.supgpt-ant-input-number-status-error {
  &:not(.supgpt-ant-input-number-disabled) {
    background: transparent;

    &:hover {
      background: transparent;
    }
  }
}

.supgpt-ant-input-number-group .supgpt-ant-input-number-group-addon {
  color: @supgpt-font-2;
}

.supgpt-ant-input-number-group-wrapper-outlined .supgpt-ant-input-number-group-addon {
  border: 1px solid @supgpt-grey-5;
}

.supgpt-ant-input {
  background-color: transparent;
  border: 1px solid @supgpt-grey-5;
  color: @supgpt-font-2;

  &::placeholder {
    color: @supgpt-font-2;
  }
}

.supgpt-ant-input-outlined.supgpt-ant-input-disabled,
.supgpt-ant-input-outlined[disabled] {
  border-color: @supgpt-grey-5;
}

.supgpt-ant-input-outlined.supgpt-ant-input-disabled {
  color: @supgpt-grey-7;
}

.supgpt-ant-input-outlined.supgpt-ant-input-status-error:not(.supgpt-ant-input-disabled) {
  background-color: transparent;

  &:hover,
  &:focus,
  &:active,
  &:focus-within {
    background-color: transparent;
  }
}

.supgpt-ant-input-affix-wrapper {
  &>input.supgpt-ant-input {
    color: @supgpt-font-2;
  }

  .supgpt-anticon.supgpt-ant-input-password-icon {
    color: @supgpt-font-2;

    &:hover {
      color: @supgpt-font-1;
    }
  }

  .supgpt-ant-input-clear-icon {
    color: @supgpt-font-2;

    &:hover {
      color: @supgpt-font-1;
    }
  }
}

.supgpt-ant-input-outlined,
.supgpt-ant-input-number-outlined {
  background-color: transparent;
  border-color: @supgpt-grey-5;

  &:hover,
  &:focus,
  &:focus-within {
    background-color: transparent;
  }
}

.supgpt-ant-input-search {
  .supgpt-ant-input {

    &:hover,
    &:focus {
      border-color: @supgpt-brand-7;
    }
  }
}

.supgpt-ant-input {

  &:hover,
  &:focus {
    border-color: @supgpt-brand-7;
  }
}

.supgpt-ant-input-search {
  .supgpt-ant-input-search-button {
    border-color: @supgpt-grey-5;
  }

  &>.supgpt-ant-input-group>.supgpt-ant-input-group-addon:last-child .supgpt-ant-input-search-button:not(.supgpt-ant-btn-primary) {
    color: @supgpt-font-1;

    &:hover {
      color: @supgpt-brand-7;
    }
  }
}

.supgpt-ant-input-group {
  .supgpt-ant-input-group-addon {
    color: @supgpt-font-1;
  }
}

.supgpt-ant-input-group-wrapper-outlined {
  .supgpt-ant-input-group-addon {
    border-color: @supgpt-grey-5;
  }
}

// 按钮
.supgpt-ant-btn {
  border-radius: 4px;
}

.supgpt-ant-btn-default {
  background-color: transparent;
  border: 1px solid @supgpt-brand-5;
  color: @supgpt-brand-7;

  &:not(:disabled):not(.supgpt-ant-btn-disabled):hover {
    border-color: @supgpt-brand-5;
    color: @supgpt-brand-7;
    background-color: transparent;
  }
}

.supgpt-ant-btn-default.supgpt-ant-btn-outlined {
  background-color: transparent;
  border: 1px solid @supgpt-brand-5;
  color: @supgpt-brand-7;

  &:not(:disabled):not(.supgpt-ant-btn-disabled):hover {
    border-color: @supgpt-brand-5;
    color: @supgpt-brand-7;
    background-color: transparent;
  }
}

.supgpt-ant-btn-primary {
  background: linear-gradient(138deg, #2a3ee4 0%, #2dd2af 100%);
  border: none;

  &:not(:disabled):not(.supgpt-ant-btn-disabled):hover {
    background: @supgpt-brand-7;
  }

  &:disabled {
    background: @supgpt-brand-4;
    color: #fff;
  }
}

.supgpt-ant-btn-primary.supgpt-ant-btn-solid {
  background: linear-gradient(138deg, #2a3ee4 0%, #2dd2af 100%);

  &:not(:disabled):not(.supgpt-ant-btn-disabled):hover {
    background: @supgpt-brand-7;
  }

  &:disabled {
    background: @supgpt-brand-4;
    color: #fff;
  }
}

.supgpt-ant-btn-link {
  color: @supgpt-brand-7;

  &:disabled {
    color: @supgpt-grey-7;
  }

  &:not(:disabled):not(.supgpt-ant-btn-disabled):hover {
    color: @supgpt-brand-7;
  }
}

// popover
.supgpt-ant-popover {

  .supgpt-ant-popover-arrow::before,
  .supgpt-ant-popover-arrow::after {
    background: @supgpt-contentbg-3;
  }

  .supgpt-ant-popover-inner {
    border-radius: 8px;
    background: @supgpt-contentbg-3;
    box-shadow: @supgpt-popover-shadow-1;
    padding: 0;
  }

  .supgpt-ant-popover-inner-content {
    color: @supgpt-font-2;
    font-size: @supgpt-font-size-2;
    line-height: 22px;
  }
}

.supgpt-ant-popconfirm {
  .supgpt-ant-popconfirm-message {
    .supgpt-ant-popconfirm-title {
      color: @supgpt-font-1;
    }

    .supgpt-ant-popconfirm-description {
      color: @supgpt-font-2;
    }
  }
}

// empty
.supgpt-ant-empty {
  font-size: @supgpt-font-size-1;

  .supgpt-ant-empty-description {
    color: @supgpt-font-2;
  }
}

.supgpt-ant-progress {
  .supgpt-ant-progress-inner {
    background-color: @supgpt-scene-contentbg-1;
  }

  .supgpt-ant-progress-bg {
    background: @supgpt-brand-7;
  }

  .supgpt-ant-progress-text {
    color: @supgpt-font-1;
  }
}

// Tabs
.supgpt-ant-tabs {
  .supgpt-ant-tabs-tab {
    color: @supgpt-font-1;
    font-size: @supgpt-font-size-2;
  }

  .supgpt-ant-tabs-tab:hover {
    color: @supgpt-brand-7;
  }

  .supgpt-ant-tabs-tab.supgpt-ant-tabs-tab-active .supgpt-ant-tabs-tab-btn {
    color: @supgpt-brand-7;
  }

  .supgpt-ant-tabs-ink-bar {
    background: @supgpt-brand-7;
  }

  &>.supgpt-ant-tabs-nav .supgpt-ant-tabs-nav-more {
    color: @supgpt-font-1;
  }
}

.supgpt-ant-tabs-top>.supgpt-ant-tabs-nav {
  margin: 0 0 8px 0;
}

.supgpt-ant-tabs-card>.supgpt-ant-tabs-nav .supgpt-ant-tabs-tab {
  background-color: @supgpt-scene-contentbg-1;
  border: 1px solid @supgpt-grey-7;
}

.supgpt-ant-tabs-card.supgpt-ant-tabs-top>.supgpt-ant-tabs-nav .supgpt-ant-tabs-tab-active {
  border-bottom-color: @supgpt-grey-7;
}

.supgpt-ant-tabs-top>.supgpt-ant-tabs-nav::before {
  border-bottom: 1px solid @supgpt-grey-7;
}

// 分页

.supgpt-ant-pagination {
  color: @supgpt-font-1;

  .supgpt-ant-pagination-disabled {
    .supgpt-ant-pagination-item-link {
      color: @supgpt-font-2;
    }
  }

  .supgpt-ant-pagination-item-active {
    background-color: transparent;
    border-color: @supgpt-brand-7;

    &:hover {
      border-color: @supgpt-brand-7;

      a {
        color: @supgpt-brand-7;
      }
    }
  }

  .supgpt-ant-pagination-item {
    background-color: transparent;

    a {
      color: @supgpt-font-1;
    }
  }
}

.supgpt-ant-pagination .supgpt-ant-pagination-prev button,
.supgpt-ant-pagination .supgpt-ant-pagination-next button {
  color: @supgpt-font-1;
}

.supgpt-ant-pagination .supgpt-ant-pagination-jump-prev .supgpt-ant-pagination-item-container .supgpt-ant-pagination-item-ellipsis,
.supgpt-ant-pagination .supgpt-ant-pagination-jump-next .supgpt-ant-pagination-item-container .supgpt-ant-pagination-item-ellipsis {
  color: @supgpt-font-1;
}

// select

.supgpt-ant-select {
  color: @supgpt-font-1;

  .supgpt-ant-select-arrow {
    color: @supgpt-font-1;
  }

  .supgpt-ant-select-selection-placeholder {
    color: @supgpt-font-1;
  }

  .supgpt-ant-select-clear {
    color: @supgpt-grey-7;
    background: @supgpt-font-2;

    &:hover {
      color: @supgpt-grey-6;
      background: @supgpt-font-1;
    }
  }
}

.supgpt-ant-select-outlined:not(.supgpt-ant-select-customize-input) .supgpt-ant-select-selector {
  background: transparent;
  border: 1px solid @supgpt-grey-5;
}

.supgpt-ant-select-focused.supgpt-ant-select-outlined:not(.supgpt-ant-select-disabled):not(.supgpt-ant-select customize-input):not(.supgpt-ant-pagination-size-changer) .supgpt-ant-select-selector {
  border-color: @supgpt-brand-7;
}

.supgpt-ant-select-single {
  .supgpt-ant-select-selector {
    color: @supgpt-font-1;
  }

  &.supgpt-ant-select-open {
    .supgpt-ant-select-selection-item {
      color: @supgpt-brand-7;
    }
  }

  &.supgpt-ant-select-sm {
    .supgpt-ant-select-selector {
      color: @supgpt-font-1;
    }
  }

  &.supgpt-ant-select-sm.supgpt-ant-select-open {
    .supgpt-ant-select-selection-item {
      color: @supgpt-font-1;
    }
  }
}

.supgpt-ant-select-outlined.supgpt-ant-select-status-error:not(.supgpt-ant-select-customize-input) .supgpt-ant-select-selector {
  background: transparent;
}

.supgpt-ant-select-dropdown {
  background-color: @supgpt-scene-contentbg-2;
  color: @supgpt-font-1;

  .supgpt-ant-select-item {
    color: @supgpt-font-1;
  }

  .supgpt-ant-select-item-option-selected:not(.supgpt-ant-select-item-option-disabled) {
    background-color: @supgpt-scene-contentbg-1;
    color: @supgpt-brand-7;
  }

  .supgpt-ant-select-item-option-active:not(.supgpt-ant-select-item-option-disabled) {
    background-color: @supgpt-scene-contentbg-1;
  }

  .supgpt-ant-select-item-option-disabled {
    color: @supgpt-grey-7;
  }
}

.supgpt-ant-select-outlined.supgpt-ant-select-multiple {
  .supgpt-ant-select-selection-item {
    background: @supgpt-scene-hoverbg-1;
  }
}

.supgpt-ant-select-multiple {
  .supgpt-ant-select-selection-overflow {
    .supgpt-ant-select-selection-item-remove {
      color: @supgpt-font-1;
    }

    .supgpt-ant-select-selection-item-remove:hover {
      color: @supgpt-brand-7;
    }
  }
}

.supgpt-ant-select-outlined.supgpt-ant-select-disabled:not(.supgpt-ant-select-customize-input) .supgpt-ant-select-selector {
  color: @supgpt-grey-7;
}

// segmented
.supgpt-ant-segmented {
  background: @supgpt-scene-contentbg-2;
  color: @supgpt-font-1;

  .supgpt-ant-segmented-item:hover:not(.supgpt-ant-segmented-item-selected):not(.supgpt-ant-segmented-item-disabled) {
    color: @supgpt-font-1;
  }

  .supgpt-ant-segmented-item-selected {
    background-color: @supgpt-scene-contentbg-4;
    color: @supgpt-brand-7;
    font-weight: 600;
  }
}

// slider

.supgpt-ant-slider {
  .supgpt-ant-slider-mark-text {
    color: @supgpt-font-1;
  }

  .supgpt-ant-slider-mark-text-active {
    color: @supgpt-font-1;
  }

  .supgpt-ant-slider-track {
    background-color: @supgpt-brand-7;
  }

  .supgpt-ant-slider-rail {
    background-color: @supgpt-scene-contentbg-1;
  }
}

// menu
.supgpt-ant-menu {
  color: @supgpt-font-1;
  font-size: @supgpt-font-size-2;
}

.supgpt-ant-menu.supgpt-ant-menu-root {
  background: transparent;

  .supgpt-ant-menu-submenu-title {
    color: @supgpt-font-1;
  }

  .supgpt-ant-menu-submenu-selected>.supgpt-ant-menu-submenu-title {
    color: @supgpt-brand-7;
  }

  .supgpt-ant-menu-item {
    color: @supgpt-font-1;
  }

  .supgpt-ant-menu-item:not(.supgpt-ant-menu-item-selected):hover {
    color: @supgpt-brand-7;
  }

  .supgpt-ant-menu-item-selected {
    background-color: @supgpt-scene-contentbg-1;
    color: @supgpt-brand-7;
  }
}

.supgpt-ant-menu.supgpt-ant-menu-inline {
  .supgpt-ant-menu-item {
    width: calc(100% - 8px);
  }
}

.supgpt-ant-menu-inline.supgpt-ant-menu-root {

  .supgpt-ant-menu-item,
  .supgpt-ant-menu-submenu-title {
    &>.supgpt-ant-menu-title-content {
      span {
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
}

// form
.supgpt-ant-form-item {
  .supgpt-ant-form-item-label>label {
    color: @supgpt-font-1;
  }

  .supgpt-ant-form-item-explain {
    color: @supgpt-font-2;
  }
}

// collapse
.supgpt-ant-collapse {
  color: @supgpt-font-1;
  border-color: @supgpt-grey-5;
  background: @supgpt-contentbg-2;

  .supgpt-ant-collapse-item {
    border-bottom: 1px solid @supgpt-grey-5;

    .supgpt-ant-collapse-header {
      color: @supgpt-font-1;
    }
  }

  .supgpt-ant-collapse-content {
    background: transparent;
    color: @supgpt-font-1;
    border-top: 1px solid @supgpt-grey-5;
  }
}

// radio
.supgpt-ant-radio-wrapper {
  color: @supgpt-font-1;

  &:hover .supgpt-ant-radio-inner {
    border-color: @supgpt-brand-7;
  }

  .supgpt-ant-radio-inner {
    background-color: @supgpt-scene-background-1;
    border-color: @supgpt-grey-7;
  }

  .supgpt-ant-radio-checked .supgpt-ant-radio-inner {
    background-color: transparent;
    border-color: @supgpt-brand-7;
  }

  .supgpt-ant-radio-inner::after {
    background-color: @supgpt-brand-7;
  }
}

// upload

.supgpt-ant-upload-wrapper {
  color: @supgpt-font-1;

  .supgpt-ant-upload-list .supgpt-ant-upload-list-item .supgpt-ant-upload-icon .anticon {
    color: @supgpt-font-1;
  }

  .supgpt-ant-upload-list .supgpt-ant-upload-list-item .supgpt-ant-upload-icon .supgpt-anticon {
    color: @supgpt-font-1;
  }

  .supgpt-ant-upload-list .supgpt-ant-upload-list-item .supgpt-ant-upload-list-item-actions .supgpt-anticon {
    color: @supgpt-font-1;
  }
}

//tree
.supgpt-ant-tree {
  background: @supgpt-scene-contentbg-1;
  color: @supgpt-font-1;

  .supgpt-ant-tree-node-content-wrapper:hover {
    color: @supgpt-font-1;
    background: @supgpt-scene-contentbg-3;
  }

  .supgpt-ant-tree-treenode:not(.supgpt-ant-tree-treenode-disabled) {
    .supgpt-ant-tree-node-content-wrapper:hover {
      color: @supgpt-font-1;
    }
  }

  .supgpt-ant-tree-node-content-wrapper.supgpt-ant-tree-node-selected {
    color: @supgpt-font-1;
    background: @supgpt-scene-contentbg-3;
  }

  .supgpt-ant-tree-treenode-disabled {
    .supgpt-ant-tree-node-content-wrapper {
      color: @supgpt-grey-7;
    }
  }
}

// switch
.supgpt-ant-switch {
  &.supgpt-ant-switch-checked {
    background: @supgpt-brand-7;

    &:hover:not(.supgpt-ant-switch-disabled) {
      background: @supgpt-brand-7;
    }
  }
}

::-webkit-scrollbar-corner {
  background: var(--antdTablePlus-background-1);
}

// dropdown

.supgpt-ant-dropdown {
  .supgpt-ant-table-filter-dropdown {
    background: @supgpt-scene-contentbg-1;

    .supgpt-ant-dropdown-menu {
      background: @supgpt-scene-contentbg-1;
    }

    .supgpt-ant-table-filter-dropdown-btns {
      border-top: 1px solid @supgpt-grey-7;
    }

    .supgpt-ant-checkbox-wrapper+span {
      color: @supgpt-font-1;
    }
  }

  .supgpt-ant-dropdown-menu {
    .supgpt-ant-dropdown-menu-item-selected {
      background: @supgpt-scene-contentbg-3;

      &:hover {
        background: @supgpt-scene-contentbg-3;
      }
    }
  }
}

.supgpt-ant-typography {
  color: @supgpt-font-1;

  .supgpt-ant-typography-expand {
    color: @supgpt-brand-7;

    &:hover,
    &:focus,
    &:active {
      color: @supgpt-brand-7;
    }
  }
}

// notice
.supgpt-ant-notification {
  .supgpt-ant-notification-notice-wrapper {

    .supgpt-ant-notification-notice {
      padding: 16px 20px;
    }

    .supgpt-ant-notification-notice-close {
      top: 16px;
      inset-inline-end: 20px;
    }
  }
}

// date picker
.supgpt-ant-picker {
  background-color: transparent;
  color: @supgpt-font-1;
  border-color: @supgpt-grey-5;

  .supgpt-ant-picker-input-placeholder>input {
    color: @supgpt-font-2;
  }

  .supgpt-ant-picker-input>input {
    &::placeholder {
      color: @supgpt-font-2;
    }
  }

  .supgpt-ant-picker-separator {
    color: @supgpt-font-1;
  }

  .supgpt-ant-picker-suffix {
    color: @supgpt-font-1;
  }

  .supgpt-ant-picker-clear {
    color: @supgpt-font-1;
  }
}

.supgpt-ant-picker-outlined {
  background-color: transparent;

  &:hover,
  &:focus,
  &:focus-within {
    background-color: transparent;
    border-color: @supgpt-brand-7;
  }
}

.supgpt-ant-picker-dropdown {
  .supgpt-ant-picker-panel-container {
    background-color: @supgpt-scene-contentbg-2;
  }

  .supgpt-ant-picker-cell-in-view.supgpt-ant-picker-cell-range-start,
  .supgpt-ant-picker-cell-in-view.supgpt-ant-picker-cell-range-end {
    &:not(.supgpt-ant-picker-cell-disabled) {
      .supgpt-ant-picker-cell-inner {
        background: @supgpt-brand-7;
      }
    }

  }

  .supgpt-ant-picker-cell-in-view.supgpt-ant-picker-cell-in-range:not(.supgpt-ant-picker-cell-disabled):before,
  .supgpt-ant-picker-cell-in-view.supgpt-ant-picker-cell-range-start:not(.supgpt-ant-picker-cell-disabled):before,
  .supgpt-ant-picker-cell-in-view.supgpt-ant-picker-cell-range-end:not(.supgpt-ant-picker-cell-disabled):before {
    background-color: @supgpt-grey-2;
  }

  .supgpt-ant-picker-header {
    color: @supgpt-font-1;

    button {
      color: @supgpt-font-1;
    }
  }

  .supgpt-ant-picker-cell {
    color: @supgpt-grey-7;
  }

  .supgpt-ant-picker-cell-in-view {
    color: @supgpt-font-1;
  }

  .supgpt-ant-picker-content {
    th {
      color: @supgpt-font-1;
    }
  }

  .supgpt-ant-picker-range-arrow::before {
    background-color: @supgpt-scene-contentbg-2;
  }
}